<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>读书网</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="renderer" content="webkit"/>
    <script lang="javascript" type="text/javascript" th:src="@{https://libs.baidu.com/jquery/1.11.3/jquery.min.js}"></script>
    <script lang="javascript" type="text/javascript" th:src="@{https://a.dushu.com/js/detectmobilebrowser.js}"
            }></script>
    <link rel="stylesheet" th:href="@{https://a.dushu.com/css/core.min.css?v=20160804}"/>
    <link rel="stylesheet" th:href="@{https://a.dushu.com/css/readbook.min.css?v=201706}"/>
    <link rel="stylesheet" th:href="@{//at.alicdn.com/t/font_1468833227_139596.css}"/>
    <!--    <link rel="alternate" media="only screen and (max-width: 640px)"
              th:href="@{https://m.dushu.com/showbook/124940/1832574.html}"/>-->
    <script th:inline="javascript">
        var paths = [[${bookChapter.chapters}]];
    </script>
    <script>
        $(function () {
            let content = paths[0].chapter_content;
            let str = "";
            let contents = content.split("##");
            for (let i = 0 ; i< contents.length;i++){
                str += "<p>"+contents[i]+"</p>";
            }
            $(".content_txt").empty();
            $(".content_txt").append(str);
        })
    </script>
</head>
<body class="body-color1">
<!--导航栏-->
<div class="layout bg fixed-top" style="z-index: 99;">
    <div class="container">
        <div class="row">
            <div class="span4">
                <a href="javascript:;" title="读书网">
                    <img th:src="@{/picture/login1.png}" alt="爱读书"></a></div>
            <div class="span13">
                <ul class="nav nav-inline nav-menu padding-top">
                    <li><a href="/index/toRead" >每日一读</a></li>
                    <li><a th:href="@{/index/toNovel/1}" >小说作品</a></li>
                    <li><a th:href="@{/index/toNovel/2}" >经济管理</a></li>
                    <li><a th:href="@{/index/toNovel/3}">历史传记</a></li>
                    <li><a th:href="@{/index/toNovel/4}">生活艺术</a></li>
                    <li><a th:href="@{/index/toNovel/5}" >文学艺术</a></li>
                    <li><a th:href="@{/index/toNovel/6}" >社会科学</a></li>
                    <li><a th:href="@{/index/toNovel/7}" >成功励志</a></li>
                </ul>
            </div>

            <!--轮播图的搜索框-->
            <div class="span7 text-right">
                <form name="searchform" th:action="@{/index/toSearch}">
                    <div class="input-group padding-small-top">
                        <input type="text"  class="wd input border-main" required="required" name="name" value="" autocomplete="off" size="30"
                               placeholder="搜索海量图书/电子书/网络小说">
                        <span class="addbtn"><button class="button bg-main"><span
                                class="icon-search"></span></button></span>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


<div class="container" style="height:46px;"></div>
<div class="container topad"></div>

<!--正文-->
<div class="container" id="mainbody">
    <div class="row">
        <div class="span16">
            <!--路径向导-->
            <div class="crumbs margin-large-left margin-big-top">
                当前位置： <a th:href="@{/}">首页</a><span class="icon-crumb"></span><a
                    th:href="@{/}">在线读书</a><span class="icon-crumb"></span><a
                    href="javascript:;" th:text="${bookChapter.type}"></a><span class="icon-crumb"></span><a
                    th:href="@{/index/toBookInfo/}+${bookChapter.id}" th:text="${bookChapter.title}"></a>
            </div>
        </div>
        <!--调节颜色-->
        <div class="span7">
            <div class="button-group cssmenu">
                <a class="button border-main" th:href="@{/index/toBookInfo/}+${bookChapter.id}"><span class="icon-caidan"></span> 返回目录</a>
                <div class="button-group">
                    <button type="button" class="button dropdown-hover border-main"><span class="icon-bg"></span>
                        背景颜色<span class="downward"></span></button>
                    <ul class="drop-menu" id="color">
                        <li id="color1"><a href="javascript:void(0);"><span class="icon-yuan"></span> 默认</a></li>
                        <li id="color2"><a href="javascript:void(0);"><span class="icon-yuan"></span> 浅灰</a></li>
                        <li id="color3"><a href="javascript:void(0);"><span class="icon-yuan"></span> 蓝色</a></li>
                        <li id="color4"><a href="javascript:void(0);"><span class="icon-yuan"></span> 绿色</a></li>
                        <li id="color5"><a href="javascript:void(0);"><span class="icon-yuan"></span> 深灰</a></li>
                    </ul>
                </div>
                <button type="button" class="button border-main" id="night"><span class="icon-bulb"></span> 夜间模式
                </button>
            </div>
        </div>
    </div>
    <!--正文-->
    <div class="row">
        <div class="span24">
            <p class="text-big padding-large-left text-gray">正文</p>
            <div th:each="chapter:${bookChapter.chapters}">
                <p class="text-center text-large padding-top" th:text="${chapter.chapter_title}"></p>
                </div>
            <p class=" text-center padding-top" ><a th:href="@{/index/toBookInfo/}+${bookChapter.id}"
                                                    th:text="${bookChapter.title}"></a>
                <span class="text-small margin-big-left" th:text="${bookChapter.author}"></span></p>

                <div class="content">
                    <hr/>
                    <div class="content_txt"></div>
                    <hr/>
                </div>
                <p class="text-center padding-large">
                    <span class="disabled button margin-big-right" th:each="chapter:${bookChapter.chapters}"><a th:href="@{/chapter/sendChapter/delete/}+${bookChapter.id}+'/'+${chapter.id}+'/'+${chapter.chapter_title}">上一章</a></span>
                    <a class="button margin-big-right" th:href="@{/index/toBookInfo/}+${bookChapter.id}">目录</a>
                    <span style="display:inline-block"  th:each="chapter:${bookChapter.chapters}"><a th:href="@{/chapter/sendChapter/add/}+${bookChapter.id}+'/'+${chapter.id}+'/'+${chapter.chapter_title}" class="button margin-big-right">下一章</a></span>
                    </p>
            </div>
        </div>
    </div>

    <!--结尾-->
    <div class="container">
        <div class="border-top padding-large">
            <div class="text-center">
                <ul class="nav nav-inline">
                    <li><a href="/help/1587.html">关于读书</a></li>
                    <li><a href="/help/1588.html">免责声明</a></li>
                    <li><a href="/help/1589.html">读书目录</a></li>
                    <li><a href="/help/1590.html">联系我们</a></li>
                </ul>
            </div>
            <div class="text-center height-big">Copyright © 读书网 www.dushu.com 2005-2020, All Rights Reserved.</div>
            <div class="text-center height-big">鄂ICP备15019699号<img src="https://a.dushu.com/img/beian.png"
                                                                   style="vertical-align:middle;margin-left:10px;"/>
                鄂公网安备 42010302001612号
            </div>
        </div>
    </div>
    <script lang="javascript" type="text/javascript" th:src="@{https://a.dushu.com/js/autocomplete.min.js}"></script>
    <script lang="javascript" type="text/javascript" th:src="@{https://a.dushu.com/js/cookie.min.js}"></script>
    <script lang="javascript" type="text/javascript"
            th:src="@{https://a.dushu.com/js/common.min.js?v=20160818}"></script>
    <script lang="javascript" type="text/javascript" th:src="@{https://a.dushu.com/js/read.min.js?v=20160818}"></script>
</body>
</html>

